<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="../resource/jquery-2.1.1.js"></script>
	<script src="../resource/highchart/highstock.src.js"></script>
</head>
<body>
<div class="chart" style="height: 500px;">

</div>
<script>
	$(function () {
		var dataset = [];

		dataset.push({
			name: "曲线1",
			data: []
		});
		dataset.push({
			name: "曲线2",
			data: []
		});
		dataset.push({
			name: "曲线3",
			data: []
		})
		for (var i = 0; i < 10; i++) {

			dataset[0].data.push(Math.random() * 100)
			dataset[1].data.push(Math.random() * 100)
			dataset[2].data.push(Math.random() * 100)
		}



		$(".chart").highcharts({
			title: {
				text: ""
			},
			chart: {
				height: 300
			},
			credits: { enabled: false },
			rangeSelector: {
				buttons: [],
				inputEnabled: false,
				selected: 1,
				enabled: false
			},
			xAxis: {
				categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
			},
			legend: {
				enabled: true,
				shadow: false
			},
			yAxis: [
				{
					title: {
						text: '温度'
					}
				}

			],
			series: dataset,
			plotOptions: {
				line: {
					connectNulls: true
				}
			}
		})
	});
</script>

</body>
</html>